<template>
<div class="appCon t-center page_pos_style" :style="{ top: `${phoneStatusBarHeight}`}" style="padding:unset;">
  <!-- 顶部盒子 -->
    <!-- <van-nav-bar title="手机号" fixed placeholder :border="false"> -->
      <!-- 顶部返回按钮 -->
      <!-- <template #left>
        <van-icon name="arrow-left" size="18" @click="$router.go(-1);" />
      </template>
    </van-nav-bar> -->
    <navbar :title="title"></navbar>
  <!-- this is find indexpage -->
  <div class="rent" style="margin-top:20px;font-size: 15px;font-family: PingFang SC;font-weight: 500;">{{successMeaasge}}</div>
  
 <!-- <div class="marTop t-center">
	 
	 <van-button plain class="coll_80 marTop" border size="small" style="margin-top: 1rem;" type="info" square  @click="backInfo">返回</van-button>
 </div> -->
 
  <div class="but">
    <van-button block type="info" style="margin-top: 1rem;color:#86ccfd !important;" plain border @click="backInfo">返回</van-button>
  </div>
</div>

</template>

<script>
export default { 
	name:'finishEditPhone',
	data(){
		return {
      // header栏 => 标题
      title:"手机号",

			mobile:'',
      successMeaasge:'',
        // 获取屏幕状态栏高度
        phoneStatusBarHeight:''
		}
		},
		methods:{
			backInfo(){
        this.$router.push({
          path:'/userInfo'
        })
			}
		},
    created() {
      // 获取屏幕状态栏高度
      this.phoneStatusBarHeight = window.phoneStatusBarHeight
      this.mobile = this.$route.query.mobile
      if(this.$route.query.dataCode == 0){
        this.successMeaasge = '您已经完成手机号修改'
      }else{
        this.successMeaasge = '修改手机号码失败，请重试！'
      }
      document.title = "手机号"
    },
}
</script>

<style scoped>
  .rent{
	  color: #999999;
	  font-size: .59rem;
  }
</style>


<style lang="less">
.but{
  margin: 20px 12px;
  .van-button{
    color: black !important;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
  }
}
</style>